<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Ruleta Jorge</title>
		<link rel="stylesheet" type="text/css" href="styles.css" />
	
		<script language="javascript">
	
		function get(param) {
			return parseFloat(document.getElementById(param).value);
		}
		
	
	
		function actualizarEstado() {
		
			document.getElementById("unir").disabled =isNaN(get("dinero"));
		}
		</script>

	</head>
	<body>
		<div id="main">
	 		 <!-- header -->
	  		<div id="header">
				<!-- .logo -->
		    	<div class="logo">
		    		<a href="index.jsp"><img src="images/logo.jpg" alt="" /></a>
		   		 </div>
		    	<!-- /.logo -->
		    </div> <!--  cierro header -->
			<div id="content">
				<div class="unirse">
		
					<form name="unirse" action="unirse" method="post">
						<h2>Ingrese su nombre:</h2>
						<input type="text" id="nombre"  name="nombreJ"/>
						<br/>
						<h2>Cantidad de dinero:</h2>
						<input type="text"  id="dinero" name="dineroJ"  onkeyup="javascript:actualizarEstado();"/>
						<br/>
						<input type="submit" id="unir" value="Unirse"  disabled="true" onClick="unirse"/>		
					</form>
				</div>
			</div>
		</div>

	</body>
</html>